@import "./tools.less";

.content {
  .publish {
    margin: 20px 20px 0;
    overflow: hidden;
    .quote-title {
      color: #999;
      margin-bottom: 20px;
    }
    .quote {
      .title {
        margin-bottom: 20px;
        p {
          margin-top: 10px;
          &:last-child {
            width: 100%;
            background-color: #eee;
            padding: 10px;
            line-height: 1.5rem;
            box-sizing: border-box;
          }
        }
      }
      form {
        position: relative;
        padding: 0 0 10px 10px;
        textarea {
          width: 600px;
          height: 150px;
          box-sizing: border-box;
          resize: none;
          outline: none;
          padding: 10px;
          border: 1px solid rgb(9, 163, 224);
          &:focus {
            border: 1px solid rgb(9, 163, 224);
            box-shadow: 2px 2px 10px skyblue;
          }
        }
        .button {
          background: linear-gradient(
              140.14deg,
              rgb(18, 186, 252) 15.05%,
              rgb(9, 163, 224) 114.99%
            )
            padding-box;
          border-radius: 7px;
          border: none;

          text-shadow: 1px 1px 1px #00000040;
          box-shadow: 0px 0px 10px 0px #45090059;

          width: 100px;
          height: 40px;
          line-height: 40px;
          cursor: pointer;
          transition: all 0.3s;
          color: white;
          font-size: 18px;
          position: absolute;
          right: 10px;
          bottom: 10px;

          &:hover {
            box-shadow: none;
            opacity: 80%;
          }
        }
      }
    }
  }
}
